.footer {
    display: grid;
    background: var(--primary);
    grid-template-columns: 1fr auto auto;
    gap: 10px 40px;
    padding: 25px, 30px;
    color: var(--white);

    font-size: 16px;
    line-height: 20px;
}

.footer a:hover {
    color: var(--gray-light);
}

@media (max-width: 765px) {
    .footer{
        grid-template-columns: 1fr;
    }
}
